<!DOCTYPE html>
<html lang="en">
<head>
  <script src="../../scripts/gentest/test_helper.js"></script>
  <link rel="stylesheet" type="text/css" href="../../scripts/gentest/test_base_style.css">
  <title>
    Test description
  </title>
</head>
<body>

<div id="test-root" style="display: grid; height: 100px; width: 100px; border-width: 10px; padding: 10px;">
  <div style="position: absolute; width: 50px; height: 50px; align-self: start; justify-self: start;"></div>
  <div style="position: absolute; width: 50px; height: 50px; align-self: end; justify-self: end;"></div>
  <div style="position: absolute; width: 50px; height: 50px; align-self: start; justify-self: start; margin: 10px;"></div>
  <div style="position: absolute; width: 50px; height: 50px; align-self: end; justify-self: end; margin: 10px;"></div>
</div>

</body>
</html>